﻿<!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fashion Hair Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Poiret+One|Lily+Script+One|Raleway:400,300,500,600,200,700' rel='stylesheet' type='text/css'>
<!--webfont-->
<!-- dropdown -->
<script src="js/jquery.easydropdown.js"></script>
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="banner-bg two" id="home">	
	  <div class="container">
			 <div class="header">
			     <div class="logo">
						<a href="index.html"><FONT face="微软雅黑"><h1>名况文化传媒</h1>
				   <span style="color: #011210"><span><strong><span style="color: #07128C; font-style: normal; font-size: 1.1em; text-align: left; font-family: '微软雅黑'; font-weight: 300;">从此改变你的世界</span></strong></span><span style="color: #011210"><span></span></a>
				</div> 
				   <div class="top-nav">										 
						<label class="mobile_menu" for="mobile_menu">
						<span>Menu</span>
						</label>
						<input id="mobile_menu" type="checkbox">
					   <ul class="nav">
						<li><span style="font-family: '微软雅黑'"><FONT face=微软雅黑 size=4><a class="active" href="index.html">名况首页</a></FONT></span><FONT face=微软雅黑 size=4><a class="active" href="index.html">　　</a></FONT></li>
						<li><span style="color: #00B29F"><FONT face=微软雅黑 size=4><a href="about.html">关于名况</a></FONT></span><FONT face=微软雅黑 size=4><a href="about.html">　</a></FONT></li>
						 <li class="dropdown1"><FONT face=微软雅黑 size=4><a href="typography.html">　服务项目　　</a></FONT>
							 <ul class="dropdown2">
									<li><a href="404.html">地产行业</a></li>
									<li><a href="404.html">教育咨询</a></li>
									<li><a href="404.html">广告策划</a></li>
									<li><a href="404.html">活动策划</a></li>
							 </ul>
						 </li> 
						 <li><FONT face=微软雅黑 size=4><a href="portfolio.html">活动案例　　</a></FONT></li>   
						<li><FONT face=微软雅黑 size=4><a href="contact.html">联系我们 </a></FONT></li>
					  </ul>
				 </div>
				 <div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--start-portfolio-->
	<script src="js/jquery.chocolat.js"></script>
	<link rel="stylesheet" href="css/chocolat.css" type="text/css"/>
  <!-- Javascript calls -->
		<script type="text/javascript" charset="utf-8">
				$(function() {
					$('#portfolio a').Chocolat({overlayColor:'#000',leftImg:'images/leftw.gif',rightImg:'images/rightw.gif',closeImg:'images/closew.gif'});
				});
		</script>
	<div class="portfolio" id="portfolio">
		<div class="container">
		<h3 class="tittle">案例与服务</h3>
		<lable class="two"> </lable>
		<h3 class="sub-text">项目活动</h3>
			<div class="gallery-bottom">
					<div class="col-md-4 gallery-left">
						<a href="images/g1.jpg">
							<img src="images/g1.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g2.jpg">
							<img src="images/g2.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g3.jpg">
							<img src="images/g3.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g4.jpg">
							<img src="images/g4.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g6.jpg">
							<img src="images/g6.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g5.jpg">
							<img src="images/g5.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g1.jpg">
							<img src="images/g1.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g2.jpg">
							<img src="images/g2.jpg" alt="name" />
						</a>
					</div>
					<div class="col-md-4 gallery-left">
						<a href="images/g3.jpg">
							<img src="images/g3.jpg" alt="name" />
						</a>
					</div>
					<div class="clearfix"></div>
			</div>
		</div>
	</div>	
	<!--//portfolio-->
	<!--/start-footer-section-->
				<div class="footer-section">
				<div class="container">
					<div class="footer-grids wow bounceIn animated" data-wow-delay="0.4s">
						<div class="col-md-3 footer-grid">
						<h4>关于我们</h4>
						<div class="border2"></div>
						  <p>长沙名况文化传媒有限公司一直致力于商业演出、品牌推广活动、广告策划、承接大型会议、会展以及演出全程承办、演唱会筹划组织、礼仪模特及各类艺员代理、赛事运营、舞美工程设计制作、舞台演艺等影视传媒制作服务。</p>
						</div>
						<div class="col-md-3 footer-grid tags">
								<h4>公司地址</h4>
								<div class="border2"></div>
							<ul class="tag">
							  <li>
							    <p>中国.长沙.雨花区长沙大道与花侯路交汇处新华都长沙天地内</p>
							    <p>&nbsp;</p>
							  </li>
							</ul>
						</div>
						<div class="col-md-3 footer-grid tweet">
								<h4>联系热线</h4>
								<div class="border2"></div>
								<div class="icon-3-square">
										<a href="#"><i class="square-3"></i></a>联系</div>
							<div class="icon-text">
								<p>18614888958</p>
								<h5>&nbsp;</h5>
							</div>
								<div class="clearfix"></div>
								<div class="icon-3-square">
										<a href="#"><i class="square-3"></i></a>
								联系</div>
								<div class="icon-text">
								    <p>18900001111<a href="#"></a></p>
									<h5>&nbsp;</h5>
								</div>
								<div class="clearfix"></div>
						</div>
						<div class="col-md-3 footer-grid flickr">
								<h4>精彩影集</h4>
								<div class="border2"></div>
								<div class="flickr-grids">
										<div class="flickr-grid">
											<a href="#"><img src="images/f1.jpg" alt=" " title="team" /></a>
										</div>
										<div class="flickr-grid">
											<a href="#"><img src="images/f2.jpg" alt=" " title="team" /></a>
										</div>
										<div class="flickr-grid">
											<a href="#"><img src="images/f1.jpg" alt=" " title="team" /></a>
										</div>
										<div class="clearfix"> </div>
										
										<div class="flickr-grid">
											<a href="#"><img src="images/f3.jpg" alt=" " title="team" /></a>
										</div>
										<div class="flickr-grid">
											<a href="#"><img src="images/f2.jpg" alt=" " title="team" /></a>
										</div>
										<div class="flickr-grid">
											<a href="#"><img src="images/f4.jpg" alt=" " title="team" /></a>
										</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
			</div>
		</div>
	<!--//end-footer-section-->
			<!--/start-copyright-section-->
				<div class="copyright">
					<p>Copyright &copy; 2015.Company name All rights reserved</p>
				</div>
			<!--//end-copyright-section-->
					<!--start-smoth-scrolling-->
			<script type="text/javascript">
								jQuery(document).ready(function($) {
									$(".scroll").click(function(event){		
										event.preventDefault();
										$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
									});
								});
								</script>
							<!--start-smoth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>